var box = document.querySelector(".box")
        var lis = document.querySelectorAll(".box-current>li")
        console.log(lis)
        var cont = document.querySelectorAll(".cont1, .cont2, .cont3, .cont4, .cont5")


        for(var i = 0;i < lis.length; i++){
            // 给所有li添加索引
            lis[i].setAttribute("index",i);
            // 给所有li绑定点击事件
            lis[i].onclick = function(){
                for(var i = 0;i < lis.length; i++){
                    lis[i].className = "";
                }
                this.className = "current";
                // 获取索引
                var index =this.getAttribute("index")
                for(var i =0; i < cont.length; i++){
                        // 隐藏其他的cont
                    cont[i].style.display = "none"
                }
                // 显示当前点击cont
                cont[index].style.display = "block"
            }
        }